@import './modules/list-header';
@import './modules/list-footer';
@import './modules/lunbo';
@import './modules/reset';
*{
	margin: 0;
	padding: 0;
}
body{
	background-color: #f4f4f4;
}
// header{
// 	width: 100%;
// 	height: 50px;
// 	// background-color: #202020;
// 	position: absolute;
// 	z-index: 1000;
// 	opacity: 0.9;
// 	.content-center{
// 		width: 1200px;
// 		height: 50px;
// 		margin: 0 auto;
// 		display: flex;
// 		align-items: center;
// 		.logo{
// 			width: 90px;
// 			height: 50px;
// 			text-decoration: none;
// 			color: #00c65e;
// 			font-size: 12px;
// 			display: flex;
// 			align-items: center;
// 		}
// 		.menu-list-col{
// 			width: 420px;
// 			height: 50px;
// 			margin-left: 175px;
// 			list-style: none;
// 			display: flex;
// 			justify-content: space-around;
// 			align-items: center;
// 			li{
// 				a{
// 					text-decoration: none;
// 					color: white;
// 					font-size: 12px;
// 				}
// 				a:hover{
// 					color: #00c65e;
// 				}
// 			}
// 			.active{
// 				a{
// 					color: #00c65e;
// 				}
// 			}
// 		}
// 		.userCenter-search{
// 			width: 200px;
// 			height: 20px;
// 			display: flex;
// 			border-radius: 15px;
// 			margin-left: 200px;
// 			opacity: 0.5;
// 			// background: rgba(220,225,228,0.20);
// 			input{
// 				outline: none;
// 				padding-left: 15px;
// 				padding-right: 35px;
// 				border: none;
// 				border-radius: 15px;
// 			}
// 			img{
// 				width: 16px;
// 				height: 16px;
// 				margin-left: -30px;
// 			}
// 		}
// 		.userCenter-list-col{
// 			margin-left: 40px;
// 			ul{
// 				width: 55px;
// 				display: flex;
// 				justify-content: space-between;
// 				li{
// 					width: 20px;
// 					height: 20px;
// 					list-style: none;
// 					// background-color: white;
// 					a{
// 						display: block;
// 						width: 20px;
// 						height: 20px;
						
						
// 						background-size: contain;
// 						// i{
// 						// 	width: 20px;
// 						// 	height: 20px;
// 						// 	margin: 0;
// 						// 	padding: 0;
// 						// 	border: 0;
// 						// 	font-size: 100%;
// 						// 	font: inherit;
// 						// 	vertical-align: baseline;
// 						// }
// 						// .icon-user{
// 						// 	background: url(https://shop-1256119282.file.myqcloud.com/blackshark/pc-source/resource/img/header/ic_user2.png) center no-repeat;
// 						// }
// 						// .icon-cart{
// 						// 	background: url(https://shop-1256119282.file.myqcloud.com/blackshark/pc-source/resource/img/header/ic_shoppingcart.png) center no-repeat;
// 						// }
// 					}
// 					.icon-user{
// 						background: url(https://shop-1256119282.file.myqcloud.com/blackshark/pc-source/resource/img/header/ic_user2.png) center no-repeat;
// 					}
// 					.icon-cart{
// 						background: url(https://shop-1256119282.file.myqcloud.com/blackshark/pc-source/resource/img/header/ic_shoppingcart.png) center no-repeat;
// 					}
// 				}
// 			}
// 		}
// 	}
// }
.swiper-container{
	width: 100%;
	height: 600px;
	img{
		width: 100%;
		height: 100%;
	}
}



.pro-list{
	width: 100%;
	// height: 2350px;
	background-color: #f4f4f4;
	margin-bottom: 100px;
	.line1{
		width: 1100px;
		height: 400px;
		margin: 0 auto;
		margin-bottom: 30px;
		// background-color: beige;
		p{
			font-size: 14px;
			color: #333333;
			margin-bottom: 10px;
			padding-left: 10px;
		}
		ul{
			width: 100%;
			height: 370px;
			display: flex;
			justify-content: space-between;
			li{
				width: 24%;
				background-color: white;
				list-style: none;
				.block{
					display: block;
					width: 100%;
					height: 100%;
					text-decoration: none;
					position: relative;
					overflow: hidden;
					.tag{
						padding: 1px 9px;
						text-align: center;
						border: 1px solid rgba(0,198,94,0.7);
						background-color: rgba(0,198,94,0.08);
						font-size: 12px;
						font-style: normal;
						color: #00c65e;
						position: absolute;
						top: 20px;
						left: 20px;
					}
					.img-col{
						width: 140px;
						height: 140px;
						margin: 52px auto 0;
						// background-color: greenyellow;
						img{
							width: 100%;
							height: 100%;
						}
					}
					.pro-name{
						font-size: 14px;
						color: #333333;
						margin-top: 25px;
						text-align: center;
						padding: 0 20px 0 20px;
						white-space: nowrap;
						text-overflow: ellipsis;
						overflow: hidden;
					}
					.pro-desc{
						    font-size: 12px;
						    color: #333333;
						    margin-top: 25px;
						    text-align: center;
						    padding: 0 20px 0 20px;
						    white-space: nowrap;
						    text-overflow: ellipsis;
						    overflow: hidden;
					}
					.pro-price{
						    font-size: 15px;
						    color: #00c65e;
						    margin-top: 12px;
						    text-align: center;
					}
				}
				
			}
		}
		
		.more{
			float: right;
			margin-top: 10px;
			margin-right: 5px;
			font-size: 14px;
			color: #333333;
			line-height: 18px;
			vertical-align: middle;
		}
	}
}


// footer{
// 	width: 100%;
// 	// height: 400px;
// 	// background-color: antiquewhite;
// 	background-color: white;
// 	.content-center-md{
// 		width: 1074px;
// 		margin: 0 auto;
		
// 		.footer-col{
// 			width: 100%;
// 			height: 130px;
// 			border-bottom: 1px solid #E7E7E7;
// 			display: inline-block;
// 			position: relative;
// 			text-align: center;
// 			display: flex;
// 			justify-content: space-around;
// 			align-items: center;
// 			.footer-banner{
// 				width: 100%;
// 				height: 100%;
// 				display: flex;
// 				justify-content: space-around;
// 				align-items: center;
// 				li{
// 					list-style: none;
// 				}
// 			}
			
// 			dl{
// 				text-align: left;
// 				margin: 40px 150px 40px 150px;
// 				display: inline-block;
// 				dt{
// 					font-size: 13px;
// 					color: #333333;
// 					margin-bottom: 18px;
// 				}
// 				dd{
// 					font-size: 12px;
// 					color: #999999;
// 					margin-top: 7px;
// 					a{
// 						text-decoration: none;
// 						color: #999999;
// 					}
// 				}
// 			}
			
// 			.copyright{
// 				font-size: 12px;
// 				color: #999999;
// 				float: left;
// 				margin: 20px 20.7% 20px 0;
// 			}
// 			.attention{
// 				float: right;
// 				font-size: 12px;
// 				margin: 20px 0;
// 				color: #999999;
// 			}
// 			.qrcode{
// 				width: 234px;
// 				height: 108px;
// 				border: 1px solid #E7E7E7;
// 				position: absolute;
// 				top: -112px;
// 				right: 0;
// 				box-sizing: border-box;
// 				visibility: hidden;
// 				background: white;
// 			}
		
		
// 		}
		
		
		
// 	}
// 	.content-center-md>.footer-col:nth-child(1){
// 		height: 100px;
// 	}
// 	.content-center-md>.footer-col:nth-child(2){
// 		height: 170px;
// 	}
// 	.content-center-md>.footer-col:nth-child(3){
// 		height: 60px;
// 	}
// }